<!-- toaster directive -->
<toaster-container
        toaster-options="{'position-class': 'toast-top-right', 'close-button':true}">
</toaster-container>
<!-- / toaster directive -->

<style scoped>
    
    .col-lg-1 {
        width: 160px;
    }
</style>

<!-- 导航条 -->
<div class="bg-white bread-crumb">
    <ul class="breadcrumb b-a m-b-n-xs lter b-b wrapper-md">
        <li><a ui-sref="main"><i class="glyphicon glyphicon-home"></i> 房屋管理</a></li>
        <li><a ui-sref="main.bm.house.list" class="active">房屋列表</a></li>
        <li class="active" ng-bind="title"></li>
    </ul>
</div>
<div ng-show="loading" class="text-center m-t-md text-lg dataWarn"><i class="fa fa-spin fa-spinner"></i> 数据加载中...</div>
<!-- 内容区域 -->
<div class="wrapper-md content">
    <div class="panel panel-default">
        <!-- 头部 -->
        <div class="panel-heading font-bold">
            <a class="btn btn-sm btn-icon btn-rounded btn-default pull-right m-t-n-xs"
               ui-sref="main.bm.house.list({'regionId':stateRegionid,'regionName':stateRegionName})">
               <i class="text-md glyphicon glyphicon-chevron-up text-muted"></i>
            </a>
        </div>
        <!--表单-->
        <div class="panel-body">
            <form class="form-horizontal" name="house_form">
                <div class="clear-fix-thisPage">
                    <h6 style="margin-top: 0px;">基本信息</h6>
                <div class="form-group">
                    <label for="buildingname" class="col-lg-1 control-label text-right"> <span class="text-danger wrapper-sm">*</span>楼栋：</label>
                    <div class="col-lg-4" style="width:65%">
                        <input name="buildingname" id="buildingname" type="text" class="form-control" ng-model="record.bmBiBuilding.buildingname"ng-click="showBuildingList();" placeholder="选择楼栋">
                    </div>
                </div>

                <div class="form-group">
                    <label for="houseNum" class="col-lg-1 control-label text-right"> <span class="text-danger wrapper-sm">*</span>房号：</label>
                    <div class="col-lg-4" style="width:65%">
                        <input name="houseNum" id="houseNum" type="text" class="form-control" ng-model="record.biHouseinfo.houseNum" placeholder="请填写房号">
                    </div>
                </div>
                <div class="line line-dashed b-b line-lg pull-in"></div>
                <div class="form-group">
                    <label for="seatname" class="col-lg-1 control-label text-right">楼座：</label>
                    <div class="col-lg-4" style="width:50%">
                        <input name="seatname" id="seatname" type="text" class="form-control" ng-model="record.bmBiSeat.seatname" ng-click="showSeatList()" placeholder="选择楼座">
                    </div>
                    <button type="button" class="btn btn-primary new-primary"style="margin-right: 10px" ng-click="openInsertSeat()">新增</button>
                </div>

                <div class="form-group">
                    <label for="floorname" class="col-lg-1 control-label text-right">楼层：</label>
                    <div class="col-lg-4" style="width:50%">
                        <input name="floorname" id="floorname" type="text" class="form-control" ng-model="record.bmBiFloor.floorname" ng-click="showFloorList()" placeholder="选择楼层">
                    </div>
                    <button type="button" class="btn btn-primary new-primary"style="margin-right: 10px" ng-click="openInsertFloor()">新增</button>
                </div>
                <div class="line line-dashed b-b line-lg pull-in"></div>
                <div class="form-group" style="width: 100%">
                    <label class="col-lg-1 control-label text-right">房产地址：</label>
                    <div class="col-lg-4" style="width:80%">
                        <span class="form-control" style="background-color:#f5f6fc">
                            <span>{{record.bmBiBuilding.buildingaddress}}</span>
                            <span >{{record.biHouseinfo.houseNum}}</span>
                        </span>
                    </div>
                </div>
                <div class="line line-dashed b-b line-lg pull-in"></div>
                <div class="form-group">
                    <label for="regionName" class="col-lg-1 control-label text-right">所属区域：</label>
                    <div class="col-lg-4">
                        <span class="form-control" ng-bind="record.regionName"></span>
                        <input type="text" id="regionName" class="form-control" ng-model="record.biHouseinfo.regionid" ng-hide="true" name="regionName">
                    </div>
                </div>

                <div class="form-group">

                    <label class="col-lg-1 control-label text-right">房屋状态：</label>
                    <div class="col-lg-4">
                        <select class="form-control" ng-model="record.biHouseinfo.status">
                            <!-- <option value="1" ng-selected="1">出租</option> -->
                            <option ng-repeat="item in houseStatus" value="{{item.code_}}">{{item.code_text}}</option>
                        </select>
                    </div>

                </div>
               
                <div class="clear-fix-thisPage">

                    <div class="line line-dashed b-b line-lg pull-in"></div>
                    <h6 style="margin-top: 0px;">详细信息</h6>
                    <div class="form-group">
                        <label for="street" class="col-lg-1 control-label text-right">街道：</label>
                        <div class="col-lg-4">
                            <input type="text" class="form-control"id="street" ng-model="record.biHouseinfo.street" name="street"placeholder="输入街道">
                        </div>
                    </div>

                    <div class="form-group">
                        <label for="committee" class="col-lg-1 control-label text-right"><span class="text-danger wrapper-sm">*</span>居委：</label>
                        <div class="col-lg-4">
                            <input type="text" class="form-control" id="committee" name="committee"
                                   ng-model="record.biHouseinfo.committee" placeholder="输入居委">
                        </div>
                    </div>

                    <div class="line line-dashed b-b line-lg pull-in"></div>


                    <div class="form-group">
                        <label for="policestation" class="col-lg-1 control-label text-right">派出所：</label>
                        <div class="col-lg-4">
                            <input type="text" class="form-control"id="policestation" ng-model="record.biHouseinfo.policestation" name="policestation"placeholder="输入所在派出所">
                        </div>
                    </div>

                    <div class="form-group">
                        <label for="rentalhouseid" class="col-lg-1 control-label text-right">出租屋登记号：</label>
                        <div class="col-lg-4">
                            <input type="text" class="form-control"id="rentalhouseid" ng-model="record.biHouseinfo.rentalhouseid" name="rentalhouseid"placeholder="输入出租屋登记号">
                        </div>
                    </div>

                    <div class="line line-dashed b-b line-lg pull-in"></div>

                    <div class="form-group">
                        <label for="sex" class="col-lg-1 control-label text-right">性别：</label>
                        <div class="col-lg-4">
                            <select class="form-control" ng-model="record.biHouseinfo.sex" name="sex" id="sex">
                                <option value="" ng-selected="1"></option>
                                <option value="1">男</option>
                                <option value="2">女</option>
                            </select>
                        </div>
                    </div>


                    <div class="form-group">
                        <label for="ownername" class="col-lg-1 control-label text-right">屋主姓名：</label>
                        <div class="col-lg-4">
                            <input type="text" class="form-control" id="ownername" ng-model="record.biHouseinfo.ownername" name="ownername"placeholder="输入屋主姓名">
                        </div>
                    </div>
                    <div class="line line-dashed b-b line-lg pull-in"></div>

                    <div class="form-group">
                        <label for="idcardno" class="col-lg-1 control-label text-right"><span class="text-danger wrapper-sm">*</span>身份证号：</label>
                        <div class="col-lg-4">
                            <input type="text" class="form-control"id="idcardno" ng-model="record.biHouseinfo.idcardno" required
                                   pattern="(^\d{15}$)|(^\d{18}$)|(^\d{17}(\d|X|x)$)" name="idcardno"placeholder="输入身份证号">
                        </div>
                    </div>

                    <div class="form-group">
                        <label for="censusaddress" class="col-lg-1 control-label text-right">户籍地址：</label>
                        <div class="col-lg-4">
                            <input type="text" class="form-control"id="censusaddress" ng-model="record.biHouseinfo.censusaddress" name="censusaddress"placeholder="输入户籍地址">
                        </div>
                    </div>
                    <div class="line line-dashed b-b line-lg pull-in"></div>
                    <div class="form-group">
                        <label for="liveaddress" class="col-lg-1 control-label text-right">现住地址：</label>
                        <div class="col-lg-4">
                            <input type="text" class="form-control"id="liveaddress" ng-model="record.biHouseinfo.liveaddress" name=""placeholder="输入现住地址">
                        </div>
                    </div>

                    <div class="form-group">
                        <label for="manager" class="col-lg-1 control-label text-right">管理人：</label>
                        <div class="col-lg-4">
                            <input type="text" class="form-control"id="manager" ng-model="record.biHouseinfo.manager" name="manager" placeholder="管理人员">
                        </div>
                    </div>
                    <div class="line line-dashed b-b line-lg pull-in"></div>
                    <div class="form-group">
                        <label for="telephoneno" class="col-lg-1 control-label text-right">固定电话：</label>
                        <div class="col-lg-4">
                            <input type="text" class="form-control"id="telephoneno" ng-model="record.biHouseinfo.telephoneno" name="telephoneno" id="telephoneno">
                        </div>
                    </div>

                    <div class="form-group">
                        <label for="mobileno" class="col-lg-1 control-label text-right">移动电话：</label>
                        <div class="col-lg-4">
                            <input type="text" class="form-control" ng-model="record.biHouseinfo.mobileno"
                                   pattern="^1[34578]\d{9}$" name="mobileno"placeholder="输入手机号" id="mobileno">
                        </div>
                    </div>
                    <div class="line line-dashed b-b line-lg pull-in"></div>
                    <div class="form-group">
                        <label for="buildingnature" class="col-lg-1 control-label text-right">建筑性质：</label>
                        <div class="col-lg-4">
                            <input type="text" class="form-control" id="buildingnature" ng-model="record.biHouseinfo.buildingnature" name="buildingnature"placeholder="输入建筑性质">
                        </div>
                    </div>

                    <div class="form-group">
                        <label for="housenature" class="col-lg-1 control-label text-right">房屋性质：</label>
                        <div class="col-lg-4">
                            <input type="text" class="form-control"id="housenature" ng-model="record.biHouseinfo.housenature" name="buildingnature"placeholder="输入房屋性质">
                        </div>
                    </div>
                    <div class="line line-dashed b-b line-lg pull-in"></div>
                    <div class="form-group">
                        <label for="technicaldev" class="col-lg-1 control-label text-right">技防设施：</label>
                        <div class="col-lg-4">
                            <input type="text" class="form-control" id="technicaldev"
                                   ng-model="record.biHouseinfo.technicaldev" name="technicaldev"placeholder="输入技术设施">
                        </div>
                    </div>

                    <div class="form-group">

                        <label for="managelevel" class="col-lg-1 control-label text-right">管理级别：</label>
                        <div class="col-lg-4">
                            <input type="text" class="form-control" id="managelevel" ng-model="record.biHouseinfo.managelevel" name="managelevel"placeholder="管理级别">
                        </div>
                    </div>
                    <div class="line line-dashed b-b line-lg pull-in"></div>
                    <div class="form-group">
                        <label for="buildingtype" class="col-lg-1 control-label text-right">房型：</label>
                        <div class="col-lg-4">
                            <input type="text" class="form-control" id="buildingtype"
                                   ng-model="record.biHouseinfo.buildingtype" name="buildingtype"placeholder="输入屋类型">
                        </div>
                    </div>

                    <div class="form-group">
                        <label for="houseno" class="col-lg-1 control-label text-right">房号：</label>
                        <div class="col-lg-4">
                            <input type="text" class="form-control"id="houseno" ng-model="record.biHouseinfo.houseno" name="houseno"placeholder="输入房号">
                        </div>
                    </div>
                    <div class="line line-dashed b-b line-lg pull-in"></div>
                    <div class="form-group">
                        <label for="rentalprocedure" class="col-lg-1 control-label text-right">出租手续：</label>
                        <div class="col-lg-4">
                            <input type="text" class="form-control" id="rentalprocedure"
                                   ng-model="record.biHouseinfo.rentalprocedure" name="rentalprocedure"placeholder="输入出租手续">
                        </div>
                    </div>

                    <div class="form-group">
                        <label for="area" class="col-lg-1 control-label text-right">面积：</label>
                        <div class="col-lg-4">
                            <input type="text" class="form-control" ng-model="record.biHouseinfo.area" name="area"placeholder="输入房子面积" id="area">
                        </div>
                    </div>
                    <div class="line line-dashed b-b line-lg pull-in"></div>
                    <div class="form-group">
                        <label for="direction" class="col-lg-1 control-label text-right">座向：</label>
                        <div class="col-lg-4">
                            <input type="text" class="form-control"
                                   ng-model="record.biHouseinfo.direction" name="direction"placeholder="输入房子坐向" id="direction">
                        </div>
                    </div>

                    <div class="form-group">
                        <label for="jwqdm" class="col-lg-1 control-label text-right"><span class="text-danger wrapper-sm">*</span>警务区代码：</label>
                        <div class="col-lg-4">
                            <input type="text" id="jwqdm" class="form-control" ng-click="openjwqdm()"  placeholder="请选择警务区代码" name="jwqdm" ng-model="record.biHouseinfo.policeareaid">
                        </div>
                    </div>
                    <div class="line line-dashed b-b line-lg pull-in"></div>
                    <div class="form-group">
                        <label for="jwqdm" class="col-lg-1 control-label text-right" for="jwqmc"><span class="text-danger wrapper-sm">*</span>警务区名称：</label>
                        <div class="col-lg-4">
                            <input type="text" class="form-control" placeholder="请选择警务区名称" name="jwqmc" id="jwqmc" ng-model="record.biHouseinfo.policeareaname"
                                   ng-click="openjwqdm()">
                        </div>
                    </div>
                    <div class="form-group">
                        <label for="longitude" class="col-lg-1 control-label text-right">经度：</label>
                        <div class="col-lg-4">
                            <input type="text" class="form-control" ng-model="record.biHouseinfo.longitude"
                                   name="longitude" placeholder="填写经度" id="longitude">
                        </div>
                    </div>
                    <div class="line line-dashed b-b line-lg pull-in"></div>
                    <div class="form-group">
                        <label for="latitude" class="col-lg-1 control-label text-right">纬度：</label>
                        <div class="col-lg-4">
                            <input type="text" class="form-control" id="houseCode"
                                   ng-model="record.biHouseinfo.latitude" name="latitude" id="latitude" placeholder="填写纬度">
                        </div>
                    </div>
                </div>


                <!--<div class="clear-fix-thisPage">-->
                    <!--<div class="line line-dashed b-b line-lg pull-in"></div>-->
                    <!--<h6 style="margin-top: 0px;">产权信息</h6>-->
                    <!--<div class="form-group">-->
                        <!--<label for="address" class="col-lg-1 control-label text-right">产权人姓名：</label>-->
                        <!--<div class="col-lg-4">-->
                            <!--<input type="text" class="form-control"-->
                                   <!--ng-model="record.bmBiPropertyright.propertyrightname">-->
                        <!--</div>-->
                    <!--</div>-->

                    <!--<div class="form-group">-->
                        <!--<label for="lastname" class="col-lg-1 control-label text-right">产权人证件：</label>-->
                        <!--<div class="col-lg-4">-->
                            <!--<input type="text" class="form-control" name="propertyrightcard"-->
                                   <!--ng-model="record.bmBiPropertyright.propertyrightcard">-->
                        <!--</div>-->
                    <!--</div>-->

                    <!--<div class="line line-dashed b-b line-lg pull-in"></div>-->


                    <!--<div class="form-group">-->
                        <!--<label for="address" class="col-lg-1 control-label text-right">证件号码：</label>-->
                        <!--<div class="col-lg-4">-->
                            <!--<input type="text" class="form-control" name="pidcardno"-->
                                   <!--ng-model="record.bmBiPropertyright.idcardno">-->
                        <!--</div>-->
                    <!--</div>-->

                    <!--<div class="form-group">-->
                        <!--<label for="lastname" class="col-lg-1 control-label text-right">联系电话：</label>-->
                        <!--<div class="col-lg-4">-->
                            <!--<input type="text" class="form-control" ng-model="record.bmBiPropertyright.mobileno">-->
                        <!--</div>-->
                    <!--</div>-->

                    <!--<div class="line line-dashed b-b line-lg pull-in"></div>-->


                    <!--<div class="form-group">-->
                        <!--<label for="address" class="col-lg-1 control-label text-right">邮政编码：</label>-->
                        <!--<div class="col-lg-4">-->
                            <!--<input type="text" class="form-control" ng-model="record.bmBiPropertyright.postalno">-->
                        <!--</div>-->
                    <!--</div>-->

                    <!--<div class="form-group">-->
                        <!--<label for="lastname" class="col-lg-1 control-label text-right">档案编码：</label>-->
                        <!--<div class="col-lg-4">-->
                            <!--<input type="text" class="form-control" id="houseCode"-->
                                   <!--ng-model="record.bmBiPropertyright.fileno">-->
                        <!--</div>-->
                    <!--</div>-->

                    <!--<div class="line line-dashed b-b line-lg pull-in"></div>-->


                    <!--<div class="form-group">-->
                        <!--<label for="address" class="col-lg-1 control-label text-right">产权单位名称：</label>-->
                        <!--<div class="col-lg-4">-->
                            <!--<input type="text" class="form-control"-->
                                   <!--ng-model="record.bmBiPropertyright.propertyrightunit">-->
                        <!--</div>-->
                    <!--</div>-->

                    <!--<div class="form-group">-->
                        <!--<label for="lastname" class="col-lg-1 control-label text-right">营业执照编号：</label>-->
                        <!--<div class="col-lg-4">-->
                            <!--<input type="text" class="form-control" ng-model="record.bmBiPropertyright.businesslicense">-->
                        <!--</div>-->
                    <!--</div>-->

                    <!--<div class="line line-dashed b-b line-lg pull-in"></div>-->


                    <!--<div class="form-group">-->
                        <!--<label for="address" class="col-lg-1 control-label text-right">单位联系电话：</label>-->
                        <!--<div class="col-lg-4">-->
                            <!--<input type="text" class="form-control" ng-model="record.bmBiPropertyright.unitmobileno">-->
                        <!--</div>-->
                    <!--</div>-->

                    <!--<div class="form-group">-->
                        <!--<label for="lastname" class="col-lg-1 control-label text-right">单位邮政编码：</label>-->
                        <!--<div class="col-lg-4">-->
                            <!--<input type="text" class="form-control" ng-model="record.bmBiPropertyright.unitpostalno">-->
                        <!--</div>-->
                    <!--</div>-->

                    <!--<div class="line line-dashed b-b line-lg pull-in"></div>-->


                    <!--<div class="form-group">-->
                        <!--<label for="address" class="col-lg-1 control-label text-right">单位地址：</label>-->
                        <!--<div class="col-lg-4">-->
                            <!--<input type="text" class="form-control" ng-model="record.bmBiPropertyright.unitaddress">-->
                        <!--</div>-->
                    <!--</div>-->

                    <!--<div class="form-group">-->
                        <!--<label for="lastname" class="col-lg-1 control-label text-right">备注：</label>-->
                        <!--<div class="col-lg-4">-->
                            <!--<input type="text" class="form-control" ng-model="record.bmBiPropertyright.remark">-->
                        <!--</div>-->
                    <!--</div>-->
                <!--</div>-->

                <div class="form-group" style="width: 100%;">
                    <div class="line line-dashed b-b line-lg pull-in"></div>

                    <div class="col-sm-6 col-sm-offset-2 text-center "style="width: 100%;margin: 0;text-align: center;margin-top: 20px;">
						<button type="button" class="btn  w-xs addNew" ng-show="reset" ng-click="resetFrom()">重置</button>
                        <button type="submit" class="btn btn-info w-xs m-l-xl addNew" ng-disabled="isDisabled">保存</button>
                    </div>
                </div>

            </form>
        </div>
    </div>
</div>

<style scoped>
    .modal.in .modal-dialog{width: 1100px;}
    .modal.in .modal-dialog .wrapper-data{margin-top: 0;}
    .modal.in .modal-dialog .wrapper-data .form-group{
        width: 30%;
    }
    .form-group {
        width: 50%;
        float: left;
    }

    .form-group .col-lg-2 {
        width: 25%;
    }

    .form-group .col-lg-4 {
        width: 65%;
    }

    .clear-fix-thisPage {
        content: "";
        display: block;
        height: 0;
        clear: both;
    }

    .app-content-body .content {
        margin-top: 44px;
    }
</style>